<template>
    <table class="c-table" border="0">
        <tr class="animation" v-for="(vy, y) in dataList" :key="y">
            <td v-for="(vx, x) in vy" :key="x" v-text="vx" :style="{width: tdwidths[x] + 'px'}">买入</td>
        </tr>
    </table>
</template>

<script>
export default {
	name: 'c-table',
	props: ['tdwidths', 'dataList'],
	data() {
		return {}
	},
	created() {},
	methods: {},
}
</script>

<style scoped>
.c-table {
	border-collapse: collapse;
	border-spacing: 0;
	user-select: none;
}
tr:hover {
	background-color: rgba(255, 255, 255, 0.082);
}
td {
	text-align: left;
	line-height: 38px;
	border-width: 0;
	padding: 0;
}
td:last-of-type {
	text-align: right;
}
</style>
